<template>
  <div class="container">
    <Row style="height: 100%">
      <i-col span="21" style="height: 100%"> 
        <div class="luckysheet" id="luckysheet"></div>
      </i-col>
      <i-col span="3" style="height: 100%"> 
        <Tag color="blue">操作</Tag>
      </i-col>
    </Row>
  </div>
</template>

<script>
export default {
  name: "HelloLunckysheet",
  data() {
    return {
      options: {
        container: "luckysheet", // 设定DOM容器的id
        title: "Luckysheet Demo", // 设定表格名称
        lang: "zh", // 设定表格语言
        userImage:
          "https://cdn.jsdelivr.net/npm/luckyresources@1.0.3/assets/img/logo/logo.png", // 头像url
        userInfo: "方云", //用户信息
      },
    };
  },
  methods: {},
  mounted() {
    // 初始化表格
    luckysheet.create(this.options);
  },
};
</script>

<style scoped>
.luckysheet {
  width: 100%;
  height: 100%;
}
</style>
